var height = $(window).height(),width = $(window).width(),rcAm,maxWidthCell,amountCell,widthGap,widthCell,leftwrpCell;
$(function(){
    relatePop();commonUi();initMinHeightWrpCell();bckToTop();
     $(document).ajaxComplete(function(event,request, settings) {
        cellWdSize('.wrpCell','.wrpInCell',238,1);
        cellWdSize('.wrpBdTagP','.wrpLstTagP',238,10);
        cellWdSize('.wrpHshLd','.wrpHshCell',238,10);
        cellWdSize('.wrpCellNearBy','.wrpInCellNearBy',238,10);
        cellWdSize('.plgAreaNewTrip','.wrpInNewTrip',238,1);
        cellWdSize('.wrpAddNewMyTrip','.wrpInCellNewTrip',238,1);
        cellWdSize('.wrpInAddNewRcm','.wrpInCellNewRcm',238,1);
        cellWdSize('.plgAreaTrip','.wrpInCellTrip',238,1);
        if($('html').hasClass('touch')){uiTouch();}
        commonUi();

        // $('.wrpInCellHvr').click(function(){cellWdSize('.plgAreaTrip','.wrpInCellTrip',238,1);});
    });
    if($('html').hasClass('no-touch')){hideSubBScrl();}
    if($('html').hasClass('no-csstransforms3d')){
            $('.btnNoti').click(function() {
                $('.wrpOutMid').removeClass('wrpSlideToR').toggleClass('wrpSlideToL');
            });
    }
    else if($('html').hasClass('csstransforms3d')){
        if($('html').hasClass('no-touch')){
            var dtOrn=($('window').width()>768)?lndScTg():porTrlTg();
        }
        if($('html').hasClass('touch')){
            var chckOrienT= width>height ? lndScTg() : porTrlTg();
            uiTouch();
        }
    }
});//End Ready
$(window).load(function() {
    subBarClk();
    reCalWtheditTl();
    tgSortAddCell();
    plcholder();
    $('.icoEditTl').click(function(){plcholder();});
    var ua = navigator.userAgent.toLowerCase();
    var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
var isIos =( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );
if(isAndroid||isIos) {

}else
{
if(NameDmconnex=='Canonlife')
{
    $(".wrpInSB,.wrpSBR,#main-middle .wrpUinLd").mCustomScrollbar({
    advanced:{
    autoScrollOnFocus: false
  },
  mouseWheelPixels: 200 //change this to a value, that fits your needs
});
}

}
    setTimeout(function(){ 
        $(".popPf").mCustomScrollbar();
    }, 1200);
});

$(window).resize(function() {
    setTimeout(function(){
        reCalWtheditTl();
        cellWdSize('.wrpCell','.wrpInCell',238,1);
        cellWdSize('.wrpBdTagP','.wrpLstTagP',238,10);
        cellWdSize('.wrpHshLd','.wrpHshCell',238,10);
        cellWdSize('.plgAreaTrip','.wrpInCellTrip',238,1);
        cellWdSize('.wrpCellNearBy','.wrpInCellNearBy',238,10);
        cellWdSize('.plgAreaNewTrip','.wrpInNewTrip',238,1);
        cellWdSize('.wrpAddNewMyTrip','.wrpInCellNewTrip',238,1);
        cellWdSize('.wrpInAddNewRcm','.wrpInCellNewRcm',238,1);
        if ($('#repoSize').hasClass('rePosTgDp'))cellWdSize('.ui-sortable','.repoSize.itPlg',120,20);
        hideSubBScrl();
    }, 1000);
});
function initMinHeightWrpCell(){
    var wrpCellHeight;
    if ($('.tagHome').height()>=$('.sortHome').height()){
        wrpCellHeight=$('.tagHome').height();
    }else if($('.tagHome').height()<$('.sortHome').height()){
        wrpCellHeight=$('.sortHome').height();
    }
    $('.wrpCell').css('min-height',wrpCellHeight);
}
function cellWdSize(wrpCl,cl,wdtCl,gpCl){
    maxWidthCell=wdtCl;widthGap=gpCl;
    amountCell=$(wrpCl).width()/(maxWidthCell+(2*widthGap));
    rcAm =(amountCell%1===0)?rcAm=amountCell:rcAm=Math.ceil(amountCell);
    widthCell=(($(wrpCl).width())-(2*(widthGap)*rcAm))/rcAm;
    $(cl).css({'width': Math.floor(widthCell),'height':Math.floor(widthCell),'margin':widthGap});
    leftwrpCell=(($(wrpCl).width())-((Math.floor(widthCell)+2*widthGap)*rcAm))/2;
    $(wrpCl).css('left',leftwrpCell);
}
function reCalWtheditTl(){
    var cdEdt;
    if($('#iconset').children().length>0){
        cdEdt= $('#iconset').children().length;
    }
    $('.editTl').css('width',$('.wrpEditTl').width());
    count=(cdEdt+1)*78;
    if(count<= $(".wrpEditTl").width()){
        if($('html').hasClass('touch')){
            $('.editTl').css('width',$(".wrpEditTl").width()+20);
        }else{
            $('.editTl').css('width',$(".wrpEditTl").width());
        }
    }else if(count>$(".wrpEditTl").width()){
        $('.editTl').css('width',count+20);
    }
}
function tgView(){
    clrTgView();
    chckOrienT= width>height ? lndScTg() : porTrlTg();
}

$( window ).on( "orientationchange", function( event ) {
  lndScTg();
  porTrlTg();
});

function lndScTg(){
    $('.btnMenu').click(function() {
        $('.wrpOutMid').removeClass('wrpSlideToL').toggleClass('wrpSlideToR');
        $('.sBL').toggleClass('sBLSl');
    });
    $('.btnNoti').click(function() {
        var x;
        $('.wrpOutMid').removeClass('wrpSlideToR').toggleClass('wrpSlideToL');
        $('.sBR').toggleClass('sBRSl');
    });
}
function porTrlTg(){
    $('.btnMenu').click(function() {
        $('.wrpOutMid').removeClass('wrpSlideToL').toggleClass('wrpSlideToR');
        $('.sBL').toggleClass('sBLSl');
    });
    $('.btnNoti').click(function() {
        $('.wrpOutMid').removeClass('wrpSlideToR').toggleClass('wrpSlideToL');
        $('.sBR').toggleClass('sBRSl');
    });
}
function clrTgView(){
    $('.sB').removeClass('sBLSl sBRSl');
    $('.wrpOutMid').removeClass('wrpSlideToL wrpSlideToR');
}
function bckToTop(){
        //Back to top main page
    $('.wrpOutMid').append('<div class="backToT ico2 icoUp"></div>');
    $('.wrpInMid').scroll(function(){
        var scrollInMid=($(this).scrollTop()>200)?$('.backToT').fadeIn():$('.backToT').fadeOut();
    });
    $('.backToT').click(function() {
        $('.wrpInMid').animate({scrollTop: 0}, 300);
    });
}
function subBarClk(){
        //subbar click
        $('.sortB').on('click', function(){
            $('.sortHome').toggleClass('sortBBlock');
            $('.tagHome').removeClass('sortHomeBlock');
        });
        //tagHome press 
        $('.ttlB').on('click', function(){
            $('.tagHome').toggleClass('sortHomeBlock');
            $('.sortHome').removeClass('sortBBlock');
        });
        //share press 
        $('.wrpShrLd').on('click', function(){
            $('.shrLdPop').toggleClass('sortHomeBlock');
            $('.rptMenu').removeClass('sortBBlock');
            
        });
        //report press 
        $('.wrpRptLd').on('click', function(){
            $('.rptMenu').toggleClass('sortBBlock');
            $('.shrLdPop').removeClass('sortHomeBlock');
        });
}
function commonUi(){
    //check document has headbar
    if($('#hdBar').length)$('.wrpInCtnt').css('padding-top','44px');
    $('.wrpLikeCell').click(function() {
        var ctrlBtnLike=($(this).hasClass('icoLikeW'))?$(this).removeClass('icoLikeW'):$(this).addClass('icoLikeW');
    });
    $('.icoUnLikeLd').click(function() {
        var ctrlBtnLikeLd=($(this).hasClass('icoLikeLd'))?$(this).removeClass('icoLikeLd'):$(this).addClass('icoLikeLd');
    });
    $('.icoBmLd').click(function() {
        var ctrlBtnLikeLd=($(this).hasClass('icoUnBmLd'))?$(this).removeClass('icoUnBmLd'):$(this).addClass('icoUnBmLd');
    });
    $('.icoFlwLd').click(function() {
        var ctrlBtnFlwLd=($(this).hasClass('icoFlwedLd'))?$(this).removeClass('icoFlwedLd'):$(this).addClass('icoFlwedLd');
    });
    $('.icoUnFlwPf').click(function() {
        var ctrlBtnflwPf=($(this).hasClass('icoFlwPf'))?$(this).removeClass('icoFlwPf'):$(this).addClass('icoFlwPf');
    });
    $('.icoFlwPl').click(function() {
        var ctrlBtnFlwPl=($(this).hasClass('icoFlwed'))?$(this).removeClass('icoFlwed'):$(this).addClass('icoFlwed');
    });
    $('.icoFlwPv').click(function() {
        var ctrlBtnFlwPv=($(this).hasClass('icoFlwWait'))?$(this).removeClass('icoFlwWait'):$(this).addClass('icoFlwWait');
    });
    //gamification pop up
   // $('.closeNotiGame').click(function() {
//        if ($('.wrprNotiGame').hasClass('t104')) {
//            $('.wrprNotiGame').removeClass('t104');
//        } else {
//            $('.wrprNotiGame').addClass('t104');
//        }
//    });
//toggle font color
    $('.tgCl').click(function() {$('.tgCl').addClass('clSp2').not(this).removeClass('clSp2');});
    //toggle background color
    $('.tgBgCl').click(function() {$('.tgBgCl').addClass('notiBgTg').not(this).removeClass('notiBgTg');});
// back end
    //media manager
    $('.btnScnCell').click(function() {
        var ctrlBtnScnCell=($(this).hasClass('clPassCell'))?$(this).removeClass('clPassCell'):$(this).addClass('clPassCell');
    });
    $('.howToImptUser').on('click', function(){$('.howToImptUserPop').toggle();});
    $('.btnMdMn').click(function() {$('.btnMdMn').addClass('clTgMn').not(this).removeClass('clTgMn');});
    $('.wrpImgMdMnCld').click(function(){$('.wrpPopLkCldBe').fadeIn();});
    $('.btnMdMnCld').click(function(){$('.wrpPopCldBe').fadeIn();});
//active click user talk
    $('.wrpOutLstMsg').click(function(){$('.wrpOutLstMsg').addClass('msgAtv').not(this).removeClass('msgAtv');});
    //move view for msg area
    $('.wrpOutLstMsg').click(function(){$('.wrprMsgArea').addClass('wrpMsgAreaSlToL');});
    $('.btnBackMsg').click(function(){$('.wrprMsgArea').removeClass('wrpMsgAreaSlToL');});
}
function uiTouch(){
    // follow
    $('.wrpBlckRptFlw').on('click', function(){$(this).children('.blckRptFlwPop').toggle();});
    $('.btnMLP').on('touchend',function(){$('.blckRptFlwPop').fadeOut();
    });
    // tool landing
    // like 
    $('.wrpLikeLd').on('click', function(){$('.numLike').show().delay(1500).fadeOut(400);});
    // follow
    $('.wrpFlwLd').on('touchend',function(){$('.numFlw').show().delay(1500).fadeOut(400);});
    // share
    // $('.wrpShrLd').on('click', function(){$('.shrLdPop').toggle();});
    $('.btnMLP').on('touchend',function(){$('.shrLdPop').fadeOut();});
    // report
    // $('.wrpRptLd').on('click', function(){$('.rptMenu').toggle();});
    $('.btnMLP').on('touchend',function(){$('.rptMenu').fadeOut();});
}
function relatePop(){
    //add content
    $('.btnAddSB,.newCtntTrip').click(function(){$('.wrpPopAddCtnt').fadeIn();});
   $('.wrpPopAddCtnt .closeGen').click(function(){$('.wrpPopAddCtnt').fadeOut();});
    //create broadcast
//    $('.bcLst').click(function(){$('.wrpPopCrteBc').fadeIn();});
//    $('.wrpPopCrteBc .closeGen,.wrpPopCrteBc .btnCncl').click(function(){$('.wrpPopCrteBc').fadeOut();});
    //broadcast look text
//    $('.bcLkTxtNotiBox').click(function(){$('.wrpPopBcLkTxt').fadeIn();});
//    $('.wrpPopBcLkTxt .closeGen,.wrpPopBcLkTxt .btnOk').click(function(){$('.wrpPopBcLkTxt').fadeOut();});
    //broadcast look link
//    $('.bcLkLnkNotiBox').click(function(){$('.wrpPopBcLkLnk').fadeIn();});
//    $('.wrpPopBcLkLnk .closeGen,.wrpPopBcLkLnk .btnOk').click(function(){$('.wrpPopBcLkLnk').fadeOut();});
    //Image Link
//    $('.addLnkTl').click(function(){$('.wrpPopImgLnk').fadeIn();});
//    $('.wrpPopImgLnk .closeGen,.wrpPopImgLnk .btnCncl').click(function(){$('.wrpPopImgLnk').fadeOut();});
    //Video Link
//    $('.addLnkVdoTl').click(function(){$('.wrpPopVdoLnk').fadeIn();});
//    $('.wrpPopVdoLnk .closeGen,.wrpPopVdoLnk .btnCncl').click(function(){$('.wrpPopVdoLnk').fadeOut();});
    //Cloud
//    $('.addCldTl').click(function(){$('.wrpPopCld').fadeIn();});
//    $('.wrpPopCld .closeGen').click(function(){$('.wrpPopCld').fadeOut();});
    //embed
//    $('.btnEb').click(function(){$('.wrpPopEmbed').fadeIn();});
//    $('.wrpPopEmbed .closeGen,.wrpPopEmbed .btnOk').click(function(){$('.wrpPopEmbed').fadeOut();});
    //full profile
//    $('.wrpFullPf').click(function(){$('.wrpPopFullPf').fadeIn();});
//    $('.wrpPopFullPf .closeGen,.wrpPopFullPf .btnOk').click(function(){$('.wrpPopFullPf').fadeOut();});
     //log in
    $('.btnLstLI,.hmLI,.needLI').click(function(){$('.wrpPopLI').fadeIn();});
    $('.wrpPopLI .btnCncl').click(function(){$('.wrpPopLI').fadeOut();});
    //sign up
   $('.btnLstSU,.hmSU,.needSU').click(function(){$('.wrpPopSU').fadeIn();});
   $('.wrpPopSU .btnCncl').click(function(){$('.wrpPopSU').fadeOut();});
    //send invite facebook
//    $('.sendInvtFb').click(function(){$('.wrpPopFbInvt').fadeIn();});
//    $('.wrpPopFbInvt .closeGen').click(function(){$('.wrpPopFbInvt').fadeOut();});
    //add my poi and favorites (my trip)
//    $('.myCellTrip,.myFavTrip').click(function(){$('.wrpPopAddCellTrip').fadeIn();});
//    $('.wrpPopAddCellTrip .closeGen,.wrpPopAddCellTrip .btnCncl').click(function(){$('.wrpPopAddCellTrip').fadeOut();});
    //add activity (my trip)
//    $('.newActTrip').click(function(){$('.wrpAddAct').fadeIn();});
//    $('.wrpAddAct .closeGen,.wrpAddAct .btnCncl').click(function(){$('.wrpAddAct').fadeOut();});
    //pop activity (my trip)
//    $('.wrpActCell').click(function(){$('.wrpPopActTrip').fadeIn();});
//    $('.wrpPopActTrip .closeGen,.wrpPopActTrip .btnOk').click(function(){$('.wrpPopActTrip').fadeOut();});
    // new trip
//    $('.wrpBtnAddNewTrip').click(function(){$('.wrpPopAddNewTrip').fadeIn();});
//    $('.wrpPopAddNewTrip .closeGen').click(function(){$('.wrpPopAddNewTrip').fadeOut();});
    //pop landing
   $('.mainCell .wrpInCell,.wrpInCellEdt,.scnCell').click(function(){$('.ovlPopLd').fadeIn();});
   $('.closeLd,.ovlInLd').click(function(){$('.ovlPopLd').fadeOut();});
    //Order
//    $('.btnOrdLd').click(function(){$('.wrpPopOrd').fadeIn();});
//    $('.wrpPopOrd .closeGen,.wrpPopOrd .btnCncl').click(function(){$('.wrpPopOrd').fadeOut();});
    // royal slider landing
   $('.wrpPopAddPop .closeGen,.wrpPopAddPop .btnCncl').click(function(){$('.wrpPopAddPop').fadeOut();});    $('.wrpPopAddPop2 .closeGen,.wrpPopAddPop2 .btnCncl').click(function(){$('.wrpPopAddPop2').fadeOut();});
    // input personal tag
    //$('.btnInpTag').on('click', function(){$('.popInpTag').toggle();});
}
function tgSortAddCell(){
    $('#repoSize').click(function(){
        $(this).toggleClass('rePosTgDp');
        $('.wrpEditTl,.editTl').toggleClass('editTlWdthIhr');
        $('.icoEditTl,.hdEditTl').not(this).toggleClass('icoEditTlDpNn');
        if ($(this).hasClass('rePosTgDp')){
            $('.wrpDynamicAddCtnt .itPlg').addClass('repoSize');
            cellWdSize('.wrpDynamicAddCtnt','.repoSize.itPlg',120,20);
            $('.wrpStaticAddCtnt,.wrpAddInfoLd,.ftrAddCtnt').hide();
        }else{
            $('.itPlg').css({'width': 'inherit','height':'inherit','margin':'0'});
            $('.wrpDynamicAddCtnt .itPlg').removeClass('repoSize');
            $('.wrpStaticAddCtnt,.wrpAddInfoLd,.ftrAddCtnt').show();
        }
    });
}
function hideSubBScrl(){
    $('html .wrpInMid').scroll(function(){
        if($('html,body').width()>768){var chkWebhideAddCt=($(this).scrollTop()>=44)?$('.subBAddCtnt').addClass('subBAddCtntJs'):$('.subBAddCtnt').removeClass('subBAddCtntJs');}
    });
}
function plcholder(){
    if(!Modernizr.input.placeholder){
        var active = document.activeElement;
        $('input[placeholder],textarea[placeholder]').focus(function () {if ($(this).attr('placeholder') !=='' && $(this).val() === $(this).attr('placeholder')) {$(this).val('').removeClass('hasPlaceholder');}
        }).blur(function () {if ($(this).attr('placeholder') !=='' && ($(this).val() === '' || $(this).val() === $(this).attr('placeholder'))) {$(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');}});
        $('input[placeholder],textarea[placeholder]').blur();
        $(active).focus();
        $('form').submit(function () {$(this).find('.hasPlaceholder').each(function() { $(this).val(''); });});
    }
}
    function toggleUserMenu()
    {
    if ($('.icoArwUpUser').hasClass('icoArwDwnUser')) {
        // console.log(1);
         $('.navUserItem').slideDown('slow');
            $('.icoArwUpUser').removeClass('icoArwDwnUser');
        } else {
      //  console.log(2);       
             $('.navUserItem').slideUp('slow');
            $('.icoArwUpUser').addClass('icoArwDwnUser');
        }
    
    
    }
$(window).ready(updateHeight);
$(window).resize(updateHeight);

function updateHeight()
{
    var div = $('.cellToc0,.cellToc1,.cellToc2,.cellToc3,.cellToc4,.cellToc5');
    var width = div.width();
    
    if ($(window).width() < 1200) {
        div.css('height', width);
    }
}

function scrollLandingUi(){
    //$(".ovlPopLd #main-middle .wrpUinLd").mCustomScrollbar("destroy");
    $("#main-middle .wrpUinLd").mCustomScrollbar({
    advanced:{
    autoScrollOnFocus: false,
    updateOnContentResize: true

  },
  mouseWheelPixels: 200 //change this to a value, that fits your needs
});
   // hoverKeyPressScrollLd();
}
